<template>
    <div class="page-ins">
       <img src="../public/imgs/instruction_topnav.jpg" />
        <div class="title">
            <i class="icon"></i>
            <span>第一步 注册</span>
        </div>
        <div class="secend_title">
          1.点击“我的-未登录--免费注册”输入手机号，获取短信验证码；
          <img src="../public/imgs/instruction_step_1.png" alt="">
        </div>
         <div class="secend_title">
         2. 输入短信验证码，设置登录密码完成注册，获得2088元新手礼包。 密码位数应控制在6~16位数  
        </div>
        <div class="item_img">
          <img src="../public/imgs/instruction_step_2.jpg" alt="" class="img1">
        </div>


          <div class="title">
            <i class="icon"></i>
            <span>第二步 绑定银行卡</span>
        </div>

         <div class="secend_title">
          1. 点击“我的-银行卡”，输入姓名、身份证号、本人银行卡号及银行卡预留手机号，获取短信验证码；   
        </div>
        <div class="item_img">
          <img src="../public/imgs/instruction_step_3.jpg" alt="" class="img2  ">
        </div>
         <div class="secend_title">
         2. 输入短信验证码完成绑卡，获得18888元体验金。  
        </div>
        <div class="item_img">
          <img src="../public/imgs/instruction_step_4.jpg" alt="" class="img3">
        </div>
        


          <div class="title">
            <i class="icon"></i>
            <span>第三步 充值投资</span>
        </div>

         <div class="secend_title">
         1. 点击“我的-充值”，输入充值金额、短信验证码，完成账户充值；
        </div>
        <div class="item_img">
          <img src="../public/imgs/instruction_step_5.jpg" alt="" class="img4">
        </div>
         <div class="secend_title">
         2. 充值后，即可至“理财”页，选择心仪的理财产品，输入投资金额，选择优惠券，填入交易密码，完成投资；    
        </div>
        <div class="item_img">
          <img src="../public/imgs/instruction_step_6.jpg" alt="" class="img5">
        </div>
        <div class="secend_title">
        3. 除新手标外，使用新手礼包、邀友投资也将给您带来丰厚收益哦~
        </div>
        <div class="item_img">
          <img src="../public/imgs/instruction_step_7.jpg" alt="" class="img6">
        </div>
    </div>
 
</template>

<script>

export default {
  name: "aboutUs",
  data() {
    return {
    }
  },
  methods: {

  },
  mounted() {

  }
};
</script>

<style lang="less">
.page-ins{
  .title{
   height: 97px;
   border-top: 1Px solid #ccc;
   border-bottom: 1Px solid #ccc;
   display: flex;
   align-items: center;
   justify-content: center;
   .icon{
     display: block;
     background: url("../public/imgs/instruction_icon.jpg") no-repeat ;
     background-size:contain; 
     width: 49px;
     height: 49px;
   }
    span{
       font-size: 30px;
       margin-left: 45px;
      font-weight: 900;
     }
  }
  .secend_title{
    padding: 50px 40px 30px 40px;
    font-size: 30px;
    line-height: 50px;
    position: relative;
    img{
      margin-top:-30px;
    }
  }
  .item_img{
    display: flex;
    justify-content: center;
    align-items: center;
    .img1{
      width: 560px;
      height: 483px;
      margin-top:20px; 
      margin-bottom: 80px;
    }
     .img2{
      width: 690px;
      height: 404px;
      margin-top:40px;
    }
     .img3{
      width: 564px;
      height: 492px;
      margin-top:40px;
    }
     .img4{
      width: 512px;
      height: 533px;
      margin-top:40px;
    }
     .img5{
      width: 568px;
      height: 509px;
      margin-top:40px;
    }
     .img6{
      width: 468px;
      height: 526px;
      margin-top:40px;
      padding-bottom: 80px;
    }
  }
}
</style>
